<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./页面.css">
</head>

<body>
    <!-- 整体 -->
    <div class="entirety">
        <!-- 头部 -->
        <div class="herd-top">
            <div class="herd-bei">
                <img src="./img/1.jpg" style="width: 100%">
            </div>
            <!-- 头部中间 -->
            <div class="herd-min">
                <div class="logo">
                    <img src="./img/2.png" class="img-logo">
                    <img src="./img/3.png" class="img-biao">
                </div>
                <div class="herd-zi">
                    <p>原1号店于2020年7月22日正式升级为1号会员店，通过全场自营、精选商品模式，</p>
                    <p>致力于为用户提供品质升级、超值天天低价、便捷省心的会员制购物体验。</p>
                </div>
                <div class="herd-er">
                    <div class="herd-one">
                        <div class="herd-two">
                            <img src="./img/4.png" style="width:14px; margin-right:0.52vm">
                            下载App
                            <img src="./img/5.png" style="width:90px;" class="img2">
                        </div>
                    </div>
                </div>
            </div>
            <!-- 轮播文字 -->
            <div class="herd-bottom">
                <div class="herd-nei">
                    <img src="./img/6.png" style="width:1.1vw; margin:0.7vw ;">
                    <div class="ul3">
                        <ul>
                            <li>1号店PC及H5调整公告</li>
                            <li>“金币”“优惠券”下线公告</li>
                            <li>“礼品卡”“账户余额”业务调整公告</li>
                        </ul>
                    </div>
                    <img src="./img/7.png" style="width: 0.4vw; margin-left: 215px;">

                </div>
            </div>

        </div>
        <!-- 弹窗 -->
        <div class="tb1">
            <div class="tb2">
                <p class="tb3">尊敬的1号店用户</p>
                <p>因1号店业务调整，“金币”与“优惠券“业务将进行以下调整，特此通知：
                    <br>
                    <br>
                <p> 1、1号店将于2020年5月31日停止发放“金币”，并于2020年6月10日对账户中未使用的金币统一清零，敬请用户于2020年6月10日前尽快使用您账户中的金币。</p>
                <br>
                <br>
                <p>
                    2、1号店将于2020年5月31日起，停止发放各类优惠券、运费券，但用户仍可正常使用您账户中的优惠券，您账户中的优惠券将于1号店新版本上线前1日无法使用，敬请用户尽快使用您账户中的优惠券。新版本上线日期将不会早于2020年6月10日，具体日期以1号店通知为准。
                </p>
                <p> 感谢您对1号店的支持与理解。</p>
                <span class="btn4">知道了</span>
            </div>
        </div>
    </div>
    <!-- 中间 -->
    <div class="zhong">
        <div class="min">
            <img src="./img/8.png" style="width: 475px;">
            <div class="wenzi">自营全站商品 以严格选品标准 精挑细选3000+最优好货</div>
            <div class="cai1">
                <div class="cai11">
                    <li class="li1"><img src="./img/9.png">
                        <p>肉蛋果树</p>
                        <div class="tu-er" style="left: -150px;">
                            <img src="./img/16.png" class="tu1">
                            <img src="./img/17.png" class="tu2">
                        </div>
                    </li>
                    <li class="li2"><img src="./img/10.png">
                        <p>食品饮料</p>
                        <div class="tu-er" style="left: -300px;">
                            <img src="./img/饮料.png" class="tu1">
                            <img src="./img/饮料2.png" class="tu2">
                        </div>
                    </li>
                    <li class="li3"><img src="./img/11.png">
                        <p>服饰鞋包</p>
                        <div class="tu-er" style="left: -450px;">
                            <img src="./img/服饰鞋包1.png" class="tu1">
                            <img src="./img/服饰鞋包2.png" class="tu2">
                        </div>

                    </li>
                    <li class="li4"><img src="./img/12.png">
                        <p>餐厨日用</p>

                        <div class="tu-er" style="left: -600px;">
                            <img src="./img/餐厨日用1.png" class="tu1">
                            <img src="./img/餐厨日用2.png" class="tu2">

                        </div>

                    </li>
                    <li class="li5"><img src="./img/13.png">
                        <p>粮油素食</p>
                        <div class="tu-er" style="left: -750px;">
                            <img src="./img/炼油素食1.png" class="tu1">
                            <img src="./img/炼油素食2.png" class="tu2">
                        </div>
                    </li>
                    <li class="li6"><img src="./img/14.png">
                        <p>精致小电</p>
                        <div class="tu-er" style="left: -900px;">
                            <img src="./img/精致小店1.png" class="tu1">
                            <img src="./img/精致小店2.png" class="tu2">
                        </div>
                    </li>
                </div>
            </div>
        </div>
        <!-- 物超所值 -->
        <div class="wuchao">
            <img src="./img/19.png" style="width: 443px;">
            <div class="tiantian">入会专享超值特权，天天低价</div>
            <div class="sanda">
                <div class="butie">
                    <img src="./img/20.png" class="butiebei">
                    <div style="width: 158px; height: 158px;">
                        <img src="./img/21.png" style="width: 100%; height:100%;">
                    </div>
                    <div class="butiezi" style="margin-top: 9px;">
                        <img src="./img/22.png" style="height: 40px;">
                    </div>
                    <div class="chaozhi">
                        <p>超值低价</p>
                        <p>入会即享</p>
                    </div>
                </div>
                <div class="butie">
                    <img src="./img/20.png" class="butiebei">
                    <div style="width: 158px; height: 158px;">
                        <img src="./img/23.png" style="width: 100%; height:100%;">
                    </div>
                    <div class="butiezi" style="margin-top: 9px;">
                        <img src="./img/24.png" style="height: 40px;">
                    </div>
                    <div class="chaozhi">
                        <p>比价京东自营</p>
                        <p>全场会员价</p>
                    </div>
                </div>
                <div class="butie">
                    <img src="./img/20.png" class="butiebei">
                    <div style="width: 158px; height: 158px;">
                        <img src="./img/25.png" style="width: 100%; height:100%;">
                    </div>
                    <div class="butiezi" style="margin-top: 9px;">
                        <img src="./img/26.png" style="height: 40px;">
                    </div>
                    <div class="chaozhi">
                        <p>到期没省出会费</p>
                        <p>全额赔付</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 售后保障 -->
        <div class="shouho">
            <img src="./img/27.png" style="width: 612px;">
            <div class="wuliu">售后无忧 客服物流时刻保障</div>
            <div style="margin: 44px 0px 0px;">
                <img src="./img/28.png" style="width: 1041px;">
            </div>
            <!-- 扫码下载 -->
            <div class="saoma">
                <div>
                    <div class="xiazai">
                        <p>扫码下载APP</p>
                        <p>开启品质生活</p>
                    </div>
                    <div class="wenzi">一期仅开放部分城市，敬请期待。</div>
                </div>
                <div>
                    <img src="./img/29.png" style="width: 10.4vw; margin:1vw 1vw 1vw 0px;">
                </div>
            </div>

        </div>
        <div class="dibu">
            <div class="dibuxuan">
                <div class="dianzan">
                    <div class="diantu">
                        <img src="./img/30.png" style="width: 100%; height: 100%;">
                    </div>
                    <div class="jinxuan">精选好货</div>
                </div>
                <div class="dianzan">
                    <div class="diantu">
                        <img src="./img/31.png" style="width: 100%; height: 100%;">
                    </div>
                    <div class="jinxuan">天天低价</div>
                </div>
                <div class="dianzan">
                    <div class="diantu">
                        <img src="./img/32.png" style="width: 100%; height: 100%;">
                    </div>
                    <div class="jinxuan">全场自营</div>
                </div>
                <div class="dianzan">
                    <div class="diantu">
                        <img src="./img/33.png" style="width: 100%; height: 100%;">
                    </div>
                    <div class="jinxuan">京东物流</div>
                </div>
            </div>

            <div class="di-wen">
                <p><a href="">沪ICP备16050468号-2</a>|
                    <a href=""> 经营证照</a>|
                    <a href=""> 互联网药品信息服务资格证(沪)-经营性-2017-0006</a>|
                    <a href="">违法和不良信息举报电话：4006063968</a>|
                    <a href=""> 沪B2-20170039</a>|
                    <a href="">沪公网安备 31011302006998号</a>|
                    <a href="">增值电信业务经营许可证</a>|
                </p>
                <p>Copyright© 1号会员店 2007-2021， All Rights Reserved</p>
            </div>
            <div class="di">
                <a href=""><img src="./img/34.png" style="height: 27px; margin-right: 18px;"></a>
                <a href=""><img src="./img/35.png" style="height: 27px; margin-right: 18px;"></a>
                <a href=""><img src="./img/36.png" style="height: 27px; margin-right: 18px;"></a>
                <a href=""><img src="./img/37.png" style="height: 27px; margin-right: 18px;"></a>
                <a href=""><img src="./img/38.png" style="height: 27px;"></a>
                <a href=""><img src="./img/39.png" style="height: 27px; margin-right: 18px;"></a>
                <a href=""><img src="./img/40.jpg" style="height: 27px; margin-right: 18px;"></a>
            </div>
        </div>
    </div>
    </div>
    <!-- 回到顶部 -->
    <div class="dingbu">
        <div class="ding1"><img src="./img/41.png" style="width: 0.9vw;margin-right:0.4vw;">
            联系客服</div>
        <div class="dianhua">
            <img src="./img/50.png" style="width: 60%; height:60%; position: absolute;left:50px;top:30px">
        </div>
        <div class="ding2">下载App</div>
        <div>
            <img src="./img/29.png" style="width: 4.7vw;" class="er1">
        </div>
        <img src=" ./img/46.png" style="width: 4.4vw;margin:4px 11px 1vw">
        <div class="erweima">
            <img src="./img/48.png" class="di-er">
        </div>
        <div class="ding3">
            <a href="#top" class="huidingbu">Top <img src="./img/49.png" style="width: 0.6vw;margin-left:0.3vw"></a>
        </div>
    </div>


</body>
<script src="./js/jq.js"></script>
<script src="./js文件/二维码.js"></script>


</html>